<template>
  <div class="flex-column-center-center">
    <SvgIcon :width="100" :height="100" name="empty-data" color="#606266" />
    <span>{{ props.text }}</span>
  </div>
</template>

<script setup lang="ts">
  interface IProps {
    text?: string
  }

  const props = withDefaults(defineProps<IProps>(), {
    text: '暂无数据~'
  })
</script>

<style scoped></style>
